<ion-content>
    <div class="page-content">
      <div class="title-close" >
      </div>
      <div class="shop">
        <img  onerror="this.src='../../../assets/img/zhanshi3.png';this.onerror=null"  src="{{solaImage1(procInfo.procImg)}}" alt="">
        <div class="shop-right">
            <p><ion-label style="font-size: 1.2rem;color: #000000;">${{AmountOfConversion(procInfo.procCashPrice)}}</ion-label></p>
            <p><ion-label style="font-size: 0.8rem; color: #666666; padding-top: 10px;">Please select color, size, quantity </ion-label></p>
        </div>
      </div>
      <div class="select-content">
          <ion-label class="goods-title">Color</ion-label>
         <div>
            <div class="filtrate-connect-span" *ngFor="let item of procListColor;let i = index;" [ngClass]="{true:'filtrate-connect-span',false:'filtrate-connect-span-1'}[item.isShow]"  (click)="onItemColor(item)"> 
              <img style="height: 16px;width: 16px;float: left;margin-left: 10px; position: absolute;" onerror="this.src='../../../assets/img/zhanshi3.png';this.onerror=null" src="{{solaImage1(procInfo.procImg)}}" alt="">
              <label style="line-height: 13px;margin-left: 35px;float: left;">   {{item.color}}</label>
              <!-- <label style="float: left;line-height: 13px;margin-left: 5px">  222</label> -->
  
              </div>
         </div>
         <ion-label class="goods-title">Size</ion-label>
         <div>
            <span class="filtrate-connect-span" style="text-align: center;"  *ngFor="let item of procList" [ngClass]="{true: 'filtrate-connect-span',false:'filtrate-connect-span-1'}[item.isShow]" (click)="onItem(item)"  >{{item.size}}</span>
            <!-- <span class="filtrate-connect-span-1" >90</span> -->
         </div>
      </div>
      <div class="list-content-money"  >
          <label  class="goods-title">Quantity</label>
          <div class="list-content-num">
              <img (click)="funOnCilic(1)" src="../../assets/img/jian.png" alt=""> 
              <span style="border-top: 1px solid #959595;border-bottom: 1px solid #959595;">{{num}}</span>
              <img (click)="funOnCilic(2)" src="../../assets/img/jia.png" alt="">
          </div>
        </div>
    </div>
    <button class="btn" (click)="onClickPay()">
        {{btnStr}}
    </button>
   
  </ion-content>